<template>
	<view class="wrap">
		<view class="article-title">{{detailForm.noticeTitle}}</view>
		<view class="article-meta">
			{{detailForm.createBy}} 发起于 {{detailForm.createTime}}</text>
		</view>
		<view class="article-content" v-html="detailForm.noticeContent">
		</view>
	</view>
</template>
<script>
import { processImgTags } from '../../../common/common.js'
export default {
  data() {
    return {
      detailForm: {},
    }
  },
  onLoad(query) {
    if (query.id) {
      this.$u.api.getNoticeById({ noticeId: query.id }).then((res) => {
        if (res.code == '200') {
          this.detailForm = res.data
          this.detailForm.noticeContent = processImgTags(res.data.noticeContent,this.vuex_config.baseUrl)
        }
      })
    }
  },
  methods: {
    navTo(url) {
      uni.navigateTo({
        url: url,
      })
    },
  },
}
</script>
<style lang="scss">
page {
  background-color: #ffffff;
}
.article-title {
  font-size: 40rpx;
  font-weight: 400;
  text-align: left;
  padding-bottom: 10rpx;
  font-weight: bold;
  margin: 30rpx 30rpx 0;
  color: #333333;
}
.article-meta {
  padding: 10rpx 30rpx 30rpx;
  color: #999999;
  border-bottom: 1px solid #ededed;
}
.article-content {
  padding: 30rpx 30rpx 0rpx;
  overflow: hidden;
  // font-size: 30rpx;
  // line-height: 50rpx;
  // /deep/ p {
  //   margin-bottom: 20rpx;
  //   text-indent: 60rpx;
  // }
  .banner-pic {
    margin: 10px auto;
    text-align: center;
    uni-image {
      width: 300px;
      height: 160px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    }
  }
}
.article-foot {
  padding: 0 30rpx 20rpx;
  font-size: 26rpx;
  color: #999999;
  .u-icon {
    margin-right: 10px;
  }
}
</style>
